<template>
  <div class="comname">
    <div class="header">
      <van-row type="flex">
        <van-col>
          <div class="comtitle">
            家政平台
          </div>
        </van-col>
      </van-row>
      <div class="search">
        <van-search
          v-model="search"
          placeholder="请输入搜索关键词"
          clearable
          :show-action="true"
        >
          <template #action>
            <select name="" id="" class="selectlist">
              <option
                v-for="(item, index) in place"
                :key="index"
                :label="item"
              />
            </select>
          </template>
        </van-search>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      place: ["长沙", "南京", "广州", "深圳", "北京", "上海"],
      search: ""
    };
  }
};
</script>
<style lang="scss" scoped>
.comname {
  .van-col {
    width: 100%;
    .comtitle {
      font-size: 16px;
      font-family: PingFangSC-bold;
      color: rgba(255, 255, 255, 100);
      height: 44px;
      background-color: rgba(63, 81, 181, 100);
      width: 100%;
      line-height: 44px;
      padding-left: 15px;
    }
  }
  .search {
    height: 69px;
    .selectlist {
      border: none;
    }
  }
}
</style>
